<template>
  <view class="index">
    <image
      :src="image('5f7d8aa9da8c6420a9645001')"
      alt=""
      srcset=""
      class="banner-img"
      @tap="toIntroduce"
    />
    <q-entry />
    <building-activities />
    <merchant-recommendation />
    <activity-center />
    <!-- <about /> -->
  </view>
</template>

<script>
import "./index.scss";
import Taro from "@tarojs/taro";
import qentry from "./components/qentry/index.vue";
import buildingactivities from "./components/buildingactivities/index.vue";
import merchantRecommendation from "./components/merchantRecommendation/index.vue";
import activityCenter from "./components/activityCenter/index";
import about from "./components/about/index";
import { getImage } from "../../utils/request";

export default {
  components: {
    "q-entry": qentry,
    "building-activities": buildingactivities,
    "merchant-recommendation": merchantRecommendation,
    "activity-center": activityCenter,
    "about": about,
  },
  computed: {
    // image:function (id) {
    //   return getImage(id);
    // },
  },
  data() {
    return {
      // msg: "Hello world!",
    };
  },
  methods: {
    image(id){
      return getImage(id)
    },
    toIntroduce() {
      //
      Taro.navigateTo({ url: "/pages/introduce/index" });
      
    },
  },
};
</script>
